<template>
	<!-- 海外新药 -->
	<view class="new_drugs_info">
		<web-header :select_name="'new_drugs'"></web-header>

		<view class="content_template">
			<view class="content_left" style="">
				<view class="h5_content">
				<!-- 标题模板 -->
				<view class="header_title">
					<view class="header">
						<view class="title">海外新药</view>
						<!-- <image src="/static/2.1/btn_more.png"></image> -->
					</view>
					<view class="line"></view>
				</view>

				<view class="new_drugs_info">
					<image class="img" mode="aspectFit" :src="details.contentImage"></image>
					<!-- <view>
		 				药品名称：阿美替尼 
		 			</view> -->
					<!-- <view>通用名称：格列卫</view>
		 			<view>英文名称：Imatinib</view>
		 			<view>癌种类型：肺癌</view>
		 			<view>靶点：AR</view>
		 			<view>上市日期：2021/02/12</view>
		 			<view>生产厂家：江苏豪森药业集团有限公司</view> -->


					<view class="new_drugs_info_content" v-html="details.content">

					</view>
				</view>
			</view>
		</view>
		<view class="content_right">
			<filtrate-card></filtrate-card>
		</view>

	</view>
	<!-- <view class="title">
			{{details.title}}
		</view>
		
		<view class="content" >
			<view class=" back_btn" @click="back()"> 返回上级</view>
			 <view v-html="details.content"></view>
			 
			 <view class="  createDate">{{details.createDate}} </view>
		</view> -->


	<web-foot></web-foot>
	</view>
</template>

<script>
	import web_header from '@/components/web-header.vue'
	import web_foot from '@/components/web-foot.vue'
	//右侧筛选卡片
	import filtrate_card from '@/components/filtrate_card.vue'

	export default {

		components: {
			'web-header': web_header,
			'web-foot': web_foot,
			'filtrate-card': filtrate_card

		},
		data() {
			return {
				details: {}
			}
		},
		onLoad(e) {
			this.id = e.id
			this.detail()
		},
		methods: {
			back() {
				uni.navigateBack({

				})
			},
			//详情
			detail() {
				this.service("/website/getGeneCancer", 'get', {
					gcId: this.id
				}).then(res => {
					this.details = res.data
					uni.report('title', res.data.title)
					uni.setNavigationBarTitle({
						title: res.data.title
					})
				})
			},

		}
	}
</script>

<style lang="scss">
	@import "@/pages/new_drugs/new_drugs.scss";
</style>
